<%-- 
    Document   : leave
    Created on : Oct 25, 2011, 1:08:18 PM
    Author     : javierpanchi
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html class="ui-mobile landscape min-width-320px min-width-480px min-width-768px min-width-1024px"> 
    <head>
        <title>Leave</title>
        <style>
            #map {
                width: 500px;
                height: 200px;
            }
        </style>
        
        <!--script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAH98Kqhz5RYb4hjqrVA6qhhRY2Dx3LGuleOdB77j29-vf3RDfbRTA5YX2stuicNxmZsqJF8BqoYAbFg" type="text/javascript"></script-->
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAZtjIPHH41OZ-S5cFI-oVdxSrjeOfE9Y3KJwnBzvAjB66TyobpxQXVvaa8MXcACebV2jpIcppU6X3tQ" type="text/javascript"></script>
        
        <link rel="stylesheet" href="/Drinkmeter/js/jquery.css">
        <script type="text/javascript" src="/Drinkmeter/js/jquery-1.js"></script>
        <script type="text/javascript" src="/Drinkmeter/js/jquery.js"></script>
        <script type="text/javascript" src="/Drinkmeter/js/general.js"></script>
        <script type="text/javascript" src="/Drinkmeter/js/jquerygps.js"></script>
        <script type="text/javascript" src="/Drinkmeter/js/gps.js"></script>
        <link rel="stylesheet" href="/Drinkmeter/css/TabStyle.css">
        <script type="text/javascript">
            $(function() {

                $("#map").googleMap().load();

            });
        </script>
        <link rel="stylesheet" href="/Drinkmeter/css/TabStyle.css">
    </head>
    <body class="ui-mobile-viewport" onload="timerCount('drinks')" onunload="GUnload()">
        <div style="top: 110.5px;" class="ui-loader ui-body-a ui-corner-all"><span class="ui-icon ui-icon-loading spin"></span><h1>loading</h1></div><div style="min-height: 456px;" class="ui-page ui-body-c ui-page-active" data-url="/Drinkmeter/jsp/leave.jsp" data-role="page">
        <div role="banner" class="ui-header ui-bar-a" data-role="header">
            <h1 aria-level="1" role="heading" tabindex="0" class="ui-title">Leave Session</h1>
        </div>
        <form action="directions.php" method="post">
            <table>
                <tbody><tr><td>Current Location:</td><td><input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" id="end" value="Taringa" type="text"></td><td></td></tr>
                <tr><td>Destination:</td><td><input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" id="start" type="text"></td><td><div aria-disabled="false" class="ui-btn ui-btn-corner-all ui-shadow ui-btn-up-c" data-theme="c"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Get Directions</span></span><input aria-disabled="false" class="ui-btn-hidden" name="submit" id="getdirections" value="Get Directions" type="submit"></div></td></tr>
                <tr><td colspan="3"><a class="ui-btn ui-btn-corner-all ui-shadow ui-btn-up-c" data-theme="c" href="#" onclick="window.location='/Drinkmeter/DrinksServlet?opt=logout'" data-role="button"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Close session</span></span></a></td></tr>
            </tbody></table>    
        </form>
        <div id="map"></div>
        <div id="directions"></div>
        <br/>
        <br/>
        <br/>
        <footer>
            <div id='tabbarcontainer'>
                <ul id='tabbar'>
                    <div id="mensajes"></div>
                    <li class='tab'><a href="#" id='tab_home' onclick="window.location='/Drinkmeter'">Tab 1</a></li>
                    <li class='tab'><a href="#" onclick="window.location='/Drinkmeter/General?opt=friends'" id='tab_friends'>Tab 2</a></li>
                    <li class='tab'><a href="#" onclick="window.location='/Drinkmeter/jsp/drinks.jsp'" id='tab_drinks'>Tab 3</a></li>
                    <li class='tab'><a href="#" onclick="window.location='/Drinkmeter/DrinksServlet?opt=report'" id='tab_stats'>Tab 4</a></li>
                    <li class='tab'><a href="#" onclick="window.location='/Drinkmeter/jsp/leave.jsp'" id='tab_locations'>Tab 5</a></li>
                </ul>

            </div>
            <script type='text/javascript'>
                $('li.tab a').bind('click', function(event) {
                    $('li.tab a').removeClass('active');
                    $(event.target).addClass('active');
                });
            </script>
        </footer>
        
    </body>
</html>